* {
  margin: 0;
  padding: 0;
}
.elasticBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
main {
  height: 13.26666667rem;
}
main .xinxi-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  border: 1px solid #c3c3c3;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
main .xinxi-nav ul li {
  line-height: 1.06666667rem;
  font-size: 0.4rem;
  padding-left: 0.37333333rem;
  padding-right: 0.37333333rem;
  background: url(../img/bg.png) no-repeat center right;
  background-size: 2% 60% ;
}
main .xinxi-nav ul .xinxi-active {
  border-bottom: 3px solid #7e4c81;
}
main .xinxi-nav ul li:nth-child(4) {
  background: none;
}
main .xinxi-cont {
  position: relative;
}
main .xinxi-cont .xinxi-coding {
  margin: 0 auto;
  margin-left: 0.4rem;
  margin-top: 0.26666667rem;
  width: 95%;
  background: url(../img/bg2.png) no-repeat;
  background-size: 100%;
}
main .xinxi-cont .xinxi-coding p {
  line-height: 0.90666667rem;
  font-size: 0.4rem;
  color: white;
}
main .xinxi-cont .xinxi-img {
  width: 92%;
  border: 1px solid #CCCCCC;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
main .xinxi-cont .xinxi-img .img-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0.4rem;
  width: 1.73333333rem;
}
main .xinxi-cont .xinxi-img .img-1 img {
  width: 100%;
}
main .xinxi-cont .xinxi-img .img-2 {
  width: 3.86666667rem;
  margin: 0.4rem;
}
main .xinxi-cont .xinxi-img .img-2 img {
  width: 100%;
}
main .xinxi-cont .shanchu2 {
  position: absolute;
  top: 0.93333333rem;
  left: 42%;
}
main .xinxi-cont .shanchu2 .img_one {
  height: 0.69333333rem;
  width: 0.69333333rem;
}
main .hezi {
  line-height: 0.85333333rem;
  width: 3.93333333rem;
  text-align: center;
  font-size: 0.37333333rem;
  color: white;
  border-radius: 0.06666667rem;
}
main .xinxi-btn {
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
main .xinxi-btn .bc {
  line-height: 0.85333333rem;
  width: 3.93333333rem;
  text-align: center;
  font-size: 0.37333333rem;
  color: white;
  border-radius: 0.06666667rem;
  background-color: #65c3df;
}
main .xinxi-btn .tj {
  line-height: 0.85333333rem;
  width: 3.93333333rem;
  text-align: center;
  font-size: 0.37333333rem;
  color: white;
  border-radius: 0.06666667rem;
  background-color: #ff6b6b;
}
footer .tfoot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  display: none;
  position: relative;
  z-index: 10;
  background-color: white;
  height: 3.09333333rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .tfoot img {
  width: 1.22666667rem;
  height: 1.02666667rem;
}
footer .tfoot .yuan {
  width: 1.12rem;
  height: 1.12rem;
}
footer .tfoot p {
  text-align: center;
  font-size: 0.34666667rem;
  padding-top: 0.34666667rem;
}
.flex {
  position: absolute;
  bottom: 0;
  top: 50px;
  left: 0;
  right: 0;
  background: rgba(149, 149, 149, 0.5);
  z-index: 1;
  display: none;
}
.del {
  z-index: 5;
  display: none;
  border-radius: 5px;
  position: absolute;
  top: 3.46666667rem;
  left: 2.66666667rem;
  width: 5.30666667rem;
  height: 2.6rem;
  border: 1px solid #65C3DF;
  background: #f1f2f2;
}
.del p {
  text-align: center;
  margin-top: 0.26666667rem;
  font-size: 0.4rem;
}
.del .sk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.del .sk .shi {
  margin-top: 0.53333333rem;
  width: 2rem;
  height: 0.84rem;
  border-radius: 0.06666667rem;
  outline: none;
  border: none;
  color: white;
  background-color: #ff3a30;
}
.del .sk .fou {
  margin-top: 0.53333333rem;
  width: 2rem;
  height: 0.84rem;
  border-radius: 0.06666667rem;
  outline: none;
  border: none;
  color: white;
  background-color: #4cd964;
}
.niu {
  margin-top: 0.53333333rem;
  width: 2rem;
  height: 0.84rem;
  border-radius: 0.06666667rem;
  outline: none;
  border: none;
  color: white;
}
